<template>
  <div class="header d-flex align-items-center">
    <router-link to="/register" class="back-button me-3">
      <i class="bi bi-arrow-left"></i>
    </router-link>
    <h5 class="mb-0">注册账号</h5>
  </div>
  <div class="modal-dialog modal-lg modal-dialog-scrollable">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="privacyPolicyModalLabel">隐私政策</h5>
        </div>
        <div class="modal-body">
          <div class="privacy-policy-content">
            <h6>1. 信息收集</h6>
            <p>
              1.1 我们可能会收集您的个人信息，包括但不限于您的姓名、手机号、电子邮件地址等，以便为您提供更好的服务。这些信息是您在注册账户或使用我们的服务时提供给我们的。
            </p>
            <p>
              1.2 我们还可能会收集您在使用服务过程中的行为数据，例如您的浏览记录、搜索记录等，以便改进我们的服务和提供个性化的体验。
            </p>
            <h6>2. 信息使用</h6>
            <p>
              2.1 我们会使用您的个人信息来提供服务、处理您的订单、向您发送服务相关的信息和通知等。
            </p>
            <p>
              2.2 我们可能会将您的信息与第三方共享，但只会在您同意的情况下或根据法律法规的要求进行共享。
            </p>
            <h6>3. 信息安全</h6>
            <p>
              3.1 我们采取合理的安全措施来保护您的信息，但不能保证信息的绝对安全。我们将努力防止信息泄露、篡改或丢失。
            </p>
            <p>
              3.2 在发生信息安全事件时，我们会按照法律法规的要求通知受影响的用户。
            </p>
            <h6>4. 信息存储</h6>
            <p>
              4.1 我们会将您的信息存储在[存储位置]，存储时间将根据业务需要和法律法规的要求而定。
            </p>
            <p>
              4.2 在您的账户注销或服务终止后，我们将根据法律法规的要求删除或匿名化您的信息。
            </p>
            <h6>5. 您的权利</h6>
            <p>
              5.1 您有权访问、修改您的个人信息，您可以通过联系我们的客服团队来行使这些权利。
            </p>
            <p>
              5.2 您有权要求我们删除您的个人信息，但在某些情况下，我们可能无法满足您的要求，例如我们需要遵守法律法规或提供服务所需的信息。
            </p>
            <h6>6. 儿童隐私</h6>
            <p>
              6.1 我们的服务不针对儿童。如果您是儿童，请勿使用我们的服务。如果我们发现儿童使用了我们的服务，我们将尽力采取措施保护其信息并通知其监护人。
            </p>
            <p>
              6.2 我们不会故意收集儿童的信息，若发现无意收集，我们将尽快删除。
            </p>
            <h6>7. 变更</h6>
            <p>
              7.1 我们有权根据业务需要修改隐私政策。我们会在网站上公布修改后的隐私政策，并在可能的情况下通知您。您继续使用服务即表示您同意修改后的隐私政策。
            </p>
          </div>
        </div>
      </div>
    </div>
</template>
<script>
import router from '@/router'
export default {
  name: 'PrivacyPolicyView',
  methods: {
    closePrivacyPolicyModal() {
      router.push('/register')
    }
  }
}
</script>
<style scoped>
.register-page {
  background-color: #f5f5f5;
  min-height: 100vh;
}

.header {
  background: linear-gradient(135deg, #00b8a9, #00a19a);
  color: white;
  padding: 15px;
  position: relative;
}

.back-button {
  color: white;
  text-decoration: none;
  font-size: 1.2rem;
}

.form-container {
  padding: 20px;
}

.form-label {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 8px;
}

.form-text {
  font-size: 0.8rem;
  margin-top: 4px;
}

.form-check-label {
  font-size: 0.9rem;
  color: #666;
}
</style>